<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /*id选择器*/
    #p1{color: red}
    /*类选择器*/
    .c1{color: blueviolet}
    /*分组选择器*/
    a,#p1,.c1{background-color: aqua}
    /*属性选择器*/
    input[type='text']{color: mediumvioletred}
    input[type='password']{background-color: seagreen}
    /*任意元素选择器*/
    *{
      /*边框:  粗细 边框样式 颜色 */
      border: 1px solid orangered;
    }
    </style>
      </head>
        <body>
        <a href="">超链接</a>
        <p id="p1">苹果</p >
        <p>香蕉</p >
        <p class="c1">橘子</p >
        <div>电视</div>
        <div>冰箱</div>
        <div class="c1">洗衣机</div>
        <input type="text">
        <input type="password">
        </body>
</html>